<template>
  <div class="content">
    <div class="container">
      <div class="title">How to Install XAPK / APK File  on Android step by step</div>
      <div class="desc">In this step-by-step guide, you’ll learn how to enable app installations from unknown sources on your Android device, the difference between APK and XAPK files, and how to safely install them—whether manually, using file managers, installer apps, or advanced tools like ADB.</div>
    </div>
    <div class="container">
      <div class="title" style="font-size: 24px">📦 APK vs. XAPK: What’s the Difference?</div>
      <div class="secondTitle">✅ What is an APK?</div>
      <div class="desc">An APK (Android Package Kit) is the standard file format used to distribute Android apps. It includes all necessary components like code, resources, and the app’s manifest—essentially a self-contained app installer.</div>
      <div class="secondTitle">🔄 What is an XAPK?</div>
      <div class="desc">An APK (Android Package Kit) is the standard file format used to distribute Android apps. It includes all necessary components like code, resources, and the app’s manifest—essentially a self-contained app installer.</div>
    </div>
    <div class="container">
      <div class="subTitle">🔓 Step 1: Enable Installation from Unknown Sources</div>
      <div class="desc">Before installing APK/XAPK files:</div>
      <div class="desc">1. Open <strong>Settings > Security</strong> or <strong>Privacy</strong>.</div>
      <div class="desc" >2. For Android 7 and below: <strong>Toggle Unknown</strong> Sources on. </div>
      <div class="desc" >For Android 8 and above: Go to <strong>Apps & notifications > Special app access > Install unknown apps,</strong> then allow access for your browser or file manager.</div>
      <div class="desc">3. After installing, you can turn this setting off again for security.</div>
    </div>
    <div class="container">
      <div class="subTitle">📲 Step 2: Install an APK File</div>
      <div class="desc">1. <strong>Download</strong> the APK from a trusted site (e.g., APKPure, APKMirror).</div>
      <div class="desc">2. Open your file <strong>manager</strong>, navigate to the <strong>Downloads</strong> folder, and tap the .apk file.</div>
      <div class="desc">3. Tap <strong>Install</strong> and follow the prompts.</div>
      <div class="desc">4. Once complete, you’ll find the app in your app drawer.</div>
      <div class="secondTitle">💻 Advanced Option: Install via ADB</div>
      <div class="desc">1.  Enable <strong>USB debugging</strong> on your phone.</div>
      <div class="desc">2.  Connect to your PC, then run:</div>
      <div class="littleContainer">
        <div class="desc">adb <a style="color:#5883c1">install</a> path/to/app.apk</div>
      </div>
      <div class="desc">This pushes and installs the APK directly to your device.</div>
    </div>
    <div class="container">
      <div class="subTitle">📦 Step 3: Install an XAPK File</div>
      <div class="secondTitle">Option A: Manual Method</div>
      <div class="desc">1.  Rename the .xapk file to .zip.</div>
      <div class="desc">2.  Extract it using an app like <strong>RAR</strong>.</div>
      <div class="desc">3.  Copy the Android/obb/ folder to your phone’s internal storage at Android/obb/.</div>
      <div class="desc">4.  Tap the .apk file inside the extracted folder and install it like a normal APK.</div>
      <div class="secondTitle">Option B: Use an XAPK Installer</div>
      <div class="desc">1.  Install <strong>APKPure</strong> or another XAPK installer app.</div>
      <div class="desc">2.  Open it and go to <strong>App Management > APK / XAPK Management</strong>.</div>
      <div class="desc">3.  Find your file and tap <strong>INSTALL</strong>—the app will handle extraction and OBB placement for you.</div>
    </div>
    <div class="container">
      <HotList :show-item="6" :show-arrow="false" :name="'XAPK Installer'"/>
    </div>
    <div class="container">
      <div class="subTitle">🔐 Security Tips</div>
      <div class="desc"> ●  Download from reputable sources to avoid malware.</div>
      <div class="desc"> ● Scan files with mobile antivirus apps.</div>
      <div class="desc"> ● Keep Android updated with the latest security patches.</div>
    </div>
    <div class="container">
      <div class="desc">By understanding the differences between APK and XAPK formats and following the proper installation methods, you can safely sideload apps on any Android device—even without the Play Store.</div>
    </div>
  </div>
</template>
<script setup>
const list = ref([
  {
    id: 1,
    name: 'Free Fire',
    type: 'Action',
  },
  {
    id: 1,
    name: 'Free Fire',
    type: 'Action',
  },
  {
    id: 1,
    name: 'Free Fire',
    type: 'Action',
  },
  {
    id: 1,
    name: 'Free Fire',
    type: 'Action',
  },
  {
    id: 1,
    name: 'Free Fire',
    type: 'Action',
  },
  {
    id: 1,
    name: 'Free Fire',
    type: 'Action',
  },
  {
    id: 1,
    name: 'Free Fire',
    type: 'Action',
  },
  {
    id: 1,
    name: 'Free Fire',
    type: 'Action',
  },
  {
    id: 1,
    name: 'Free Fire',
    type: 'Action',
  },
])
useHead({
  title: "HowTo - APKDock",
  meta: [
    {
      name: 'description',
      content: computed(() => `浏览 HowTo 相关的应用和游戏 - APKDock`)
    }
  ],
})
</script>
<style scoped lang="less">
.content{
  padding: 24px 32px;
  border-radius: 8px;
  margin:16px 0;
  background: #FFF;
  .container{
    margin:32px 0;
    .title{
      color: var(--Text-Title, #3E4351);
      font-family: Roboto;
      font-size: 30px;
      font-style: normal;
      font-weight: 700;
      line-height: 36px; /* 120% */
      margin:12px 0;
    }
    .secondTitle{
      color: var(--Text-Title, #3E4351);
      font-family: Roboto;
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: 28px; /* 155.556% */
      margin:16px 0;
    }
    .subTitle{
        color: var(--Text-Title, #3E4351);
        font-family: Roboto;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 155.556% */
        margin:16px 0;
      }
    .desc{
      overflow: hidden;
      color: var(--Text-Text, #505662);
      text-overflow: ellipsis;
      font-family: Roboto;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px; /* 171.429% */
      margin:4px 0;
    }
    .littleContainer{
      border-radius: 4px;
      border: 1px solid var(--Gray-200, #E5E6EA);
      background: var(--Gray-50, #F9FAFB);
      display: flex;
      padding: 16px;
      align-items: center;
      gap: 10px;
      align-self: stretch;
    }
    .item{
      display: flex;
      flex-wrap: wrap;
      gap:4px
    }
  }
}
</style>